@import url('./vars.less');
#SomeDescription{
    .SomeDescription{
        .am-list-body{
            .am-list-item{
                background:@SomeDescriptionHeaderbg;
                .am-list-line{
                    .am-list-content{
                        color: @yhTextColorL;
                        font-size: 14px;
                        text-align: left;
                        line-height: 20px;
                        padding-top:6px;
                    }
                    .am-list-extra{
                        color:@yhTextColorD;
                    }
                }
            }
        }
    }
    .am-tabs{
        .am-tabs-tab-bar-wrap{
            .am-tabs-default-bar{
                .am-tabs-default-bar-content{
                    .am-tabs-default-bar-tab{
                        height:88px;
                        border-right:1px solid @yhborderColorM;
                        &:nth-of-type(3){
                            border-right:none;
                        }
                    }
                }
            }
        }
        .am-tabs-content-wrap{
            height:249px;
            background-color: @yhWhiteColor;
            .am-tabs-pane-wrap{
                div{
                    width:100%;
                    canvas{
                        width:100%!important;
                    }
                }
            }
        }
    }
    .monthlyitemcard{
        overflow: hidden;
        .itemcardleft{
            float: left;
            .am-card{
                width:4rem;
                .am-card-header{
                    padding:.09rem .15rem;
                    .am-card-header-content{
                        img{
                            width:45px;
                            height:46px;
                        }
                        span{
                            margin-left:15px;
                            color:@yhTextColorM;
                            font-size: 12px;
                            width:105px;
                            label{
                                margin-left:.14rem;
                                font-size: 13px;
                                color:@yhTextColorL;
                            }
                        }
                    }
                }
                .am-card-body{
                    padding:0px;
                    div{
                        canvas{
                            width:100%!important;
                        }
                    }
                }
            }
        }
        .MonthlyIncentivescardcontainer{
            width:3.4rem;
            height:4.5rem;
            float:right;
            .am-card-header{
                padding:0px;
                .am-card-header-content{
                    img{
                        width:73px;
                        height:72px;
                        margin:0.3rem auto;
                    }
                }
            }
            .am-card-body{
                padding:0px;
                &::before{
                    background:@yhWhiteColor;
                }
                p{
                    text-align: center;
                    font-size: 16px;
                    color:@yhTextColorL;
                    margin-bottom:2px;
                    margin-top:0px;
                    &:nth-of-type(2){
                        color:@yhTextColorM;
                        font-size: 12px;
                    }
                }
                .am-button{
                    background-color:@yhWhiteColor;
                    color:@yhTextColorD;
                    border:1px solid @yhTextColorD;
                    border-radius: 20px;
                    width:2.8rem;
                    height:29px;
                    left:15px;
                    top:.2rem;
                    padding:0px;
                    line-height: 26px;
                    &::before{
                        border:none;
                    }
                }
            }
        }
    }
   .am-card{
       width:100%;
       .am-card-header{
           .am-card-header-extra{
               span{
                   vertical-align: middle;
                   .am-icon-right{
                       vertical-align: middle;
                       margin-top:0px;
                   }
               }
           }
       }
       .am-card-body{
           .datechangebtn{
               width:110px;
               height:30px;
               border: 1px solid @yhTextColorD;
               border-radius:20px;
               float:right;
               margin:10px 10px 0 0;
               .am-button{
                   border-color:white;
                   height:25px;
                   width:50px;
                   line-height:25px;
                   display: inline-block;
                   vertical-align: middle;
                   margin-left:3px;
                   margin-top:2px;
                   font-size:14px;
                   &::before{
                       border:none;
                       border-right:1px solid @yhTextColorD;
                       border-radius: 0px;
                   }
                   &:nth-of-type(2){
                       &::before{
                           border-right:none;
                           
                           
                       }
                   }
               }
           }
           .Rankingcontainer,.agentcontainer{
               overflow: hidden;
               height:45px;
               div{
                   width:30px;
                   height:30px;
                   border-color:#fff9ff;
                   display:inline-block;
                   vertical-align: middle;
                   margin:7px 0 0 15px;
               }
               span{
                   vertical-align: middle;
                   margin: 4px 0 0 15px;
                   display: inline-block;
               }
               .am-icon-right{
                   float:right;
                   margin:10px 22px 0 0;
                   color:#888;
                   
               }
           }
           
       }
       .am-flexbox{
           .monthiycontainer{
               background-color:#fff9ff;
               img{
                   width:88px;
                   height:88px;
                   margin: 12px 15px;
               }
           }
       }
   }
}
 